<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css inherit</title>
    <style>
        body {
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            color: brown;
            font-size: larger;
            text-align: center;
            border: 2px red dashed;
        }
    </style>
</head>

<body>
    <!-- body有默认8px的margin -->
    <div>
        <div>
            <div>
                <div>
                    <p>Lorem, ipsum dolor.</p>
                    <a href="">天才</a>
                    <!-- 会继承body的元素，不需要一个一个去设置了，但也会被自己的默认属性覆盖，比如a的颜色 -->
                    <p>Lorem, ipsum dolor.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- iframe是在网页内挖出一个洞，这个洞，也就是框架，会用你引入的新网页来填充 -->
    <iframe src="2.6 html代码复用nav.html" frameborder="0"   style="width: 60%; overflow: hidden;" ></iframe>
    <!-- 此处引入了新的html文档,会成为一个新的html，但是这种方式会让窗口出现上下两级窗口，出现两个完整的html网页 -->
    <a href="2.4 表单.html" target="workspace">123</a>
    <!-- a可以跳转到目录下其他网页。此处加入target意思是将导入的html显示在iframe这个框架里面，如果不输入target则会直接跳转 -->
    <!-- iframe本身似乎默认是一个inline元素 -->
    <iframe name="workspace" src="" frameborder="0" style="width:1000px;height: 300px;"></iframe>
    <!-- 我们还可以自定义标签，名为web component，目前不常用。或者第三方框架技术进行组块化开发，将一个html作为一个标签。 -->
</body>


</html>